
@media screen and (min-width:960px) {


    .tab{
        display: none;
    }
    .xizhi-zhou{
        display: none ;
    }


    .kaoxue-service-list {
        width: 17rem;
        height: 6.4rem;
        background: url(/img/html5_join/new_index/jiaoxue-beijing.png) no-repeat;
        background-size: 17rem 6.4rem;
        position: relative;
        margin: 0 auto;
        margin-top: 0.9rem;
      }
    
       .kaoxue-service-list .ctonsde-ul {
        width: 10.8rem;
        display: flex;
        position: absolute;
        top: -0.4rem;
        margin: 0 3.1rem;
        justify-content: space-between;
      }
    
    .kaoxue-service-list .ctonsde-ul li {
        width: 5rem;
        height: 0.8rem;
        background: #242734;
        border-radius: 0.4rem;
        font-size: 0.28rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.8rem;
        text-align: center;
      }
    
     .kaoxue-service-list .ctonsde-ul .kaoxue-service-active {
        background: #C90000;
      }
    
      .kaoxue-panel {
        overflow: hidden;
      }
    
      .kaoxue-panel .fen-tix-tab {
        margin-top: 0.8rem;
      }
    
      .kaoxue-panel .fen-tix-tab .quan-p {
        margin: 0.32rem 0;
        width: 10.11rem;
        height: 0.72rem;
        font-family: "siyuan-r";
        font-size: 0.2rem;
        color: #4a4a4a;
        line-height: 0.3rem;
        margin-left: auto;
        margin-right: auto;
      }
    
      .fens-firsts-quan {
        display: flex;
        justify-content: space-between;
        margin: 0 1.3rem;
        margin-top: 0.8rem;
      }
    
      .fens-firsts-quan dl {
        width: 2.7rem;
        height: 3.6rem;
        position: relative;
      }
    
      .fens-firsts-quan dl dt {
        width: 1.05rem;
        margin: 0 auto;
        position: absolute;
        transform: translate(-50%);
        left: 50%;
        z-index: 1;
        top: -16%;
    
      }
    
      .fens-firsts-quan dl dt .wen-tdzi {
        width: 1.05rem;
        height: 1.05rem;
        background: #fff;
    
        border-radius: 50%;
    
        font-size: 0.4rem;
        font-family: Source Han Serif SC;
        font-weight: 800;
        color: #242734;
        line-height: 1.05rem;
        text-align: center;
        box-shadow: 0px 9px 32px 0px rgba(152, 152, 152, 0.23);
      }
    
      .fens-firsts-quan dl:hover dt .wen-tdzi {
        box-shadow: 0px 9px 32px 0px rgba(203, 2, 1, 0.23);
        color: #fff;
        background: #DF0000;
      }
    
      .fens-firsts-quan dl dd {
        width: 2.7rem;
        height: 3.6rem;
        position: relative;
        border-radius: 30px;
        /* background: rgba(203, 2, 1, 0.23); */
        background: linear-gradient(#fff 0%, #f9f9f9 100%);
    
      }
    
      .fens-firsts-quan dl dd img {
        width: 2.7rem;
        height: 3.6rem;
      }
    
    
    
      .fens-firsts-quan dl:hover dd {
        background: linear-gradient(#fff 0%, #DF0000 100%);
      }
    
      .fens-firsts-quan dl dd .neizi-hang {
        font-size: 10px;
        position: absolute;
        bottom: 1.8rem;
        margin: 0 auto;
        width: 100%;
      }
    
      .fens-firsts-quan dl dd .neizi-hang h4 {
        font-size: 0.26rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #333333;
        line-height: 0.46rem;
        text-align: center;
      }
    
      .fens-firsts-quan dl dd .neizi-hang p {
        font-size: 0.16rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0.24rem;
        text-align: center;
      }
    
      .kaoxue-panel .fen-tix-tab {
        display: none;
      }
    
      .sece-mond-quan {
        display: flex;
        justify-content: space-between;
        margin: 0 1.3rem;
        margin-top: 1.2rem;
    
      }
    
      .sece-mond-quan dl {
        position: relative;
      }
    
      .sece-mond-quan dl dt .divseoc-img {
        width: 2.38rem;
        text-align: center;
      }
    
      .sece-mond-quan dl dt .divseoc-img img {
        width: 0.8rem;
        height: 0.94rem;
        margin-top: 0.6rem;
        display: inline-block;
        text-align: center;
      }
    
      .sece-mond-quan dl dt {
        position: absolute;
        z-index: 1;
      }
    
      .sece-mond-quan dl dd {
        width: 2.38rem;
        height: 4.1rem;
        background: #EFEFEF;
        position: relative;
      }
    
      .sece-mond-quan dl:hover dd {
        background: #C90000;
      }
    
    
      .sece-mond-quan dl dd img {
        width: 100%;
        height: 100%;
      }
    
      .sece-mond-quan dl dd .qdg-div {
        width: 100%;
        position: absolute;
        top: 2rem;
        margin: 0 auto;
      }
    
      .sece-mond-quan dl dd .qdg-div h4 {
        font-size: 0.24rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #333333;
        line-height: 0.27rem;
        text-align: center;
        margin-bottom: 0.2rem;
      }
    
      .sece-mond-quan dl:hover dd .qdg-div h4 {
        color: #fff;
      }
    
      .sece-mond-quan dl dd .qdg-div p {
        font-size: 0.16rem;
        font-family: Source Han Sans CN;
        font-weight: 300;
        color: #333333;
        line-height: 0.27rem;
        text-align: center;
      }
    
      .sece-mond-quan dl:hover dd .qdg-div p {
        color: #fff;
      }



}


@media screen and (max-width:960px) {

    .kaoxue-service-list{
        display: none;
    }

    .tab {
        position: relative;
        margin-left: 0.25rem;
        margin-top: 0.8rem;
        margin-bottom: 0.84rem;
    }

    .tab_list ul {
        display: flex;
        padding-left: 0;


    }

    .tab_list ul li:nth-of-type(1) {
        position: absolute;
        left: 2rem;
        top: -0.44rem;

    }

    .tab_list ul li:nth-of-type(2) {
        position: absolute;
        left: 2.68rem;
        top: 0.46rem;
    }

    .tab_list ul li:nth-of-type(3) {

        position: absolute;
        left: 2.44rem;
        top: 1.7rem;
    }

    .tab_list ul li:nth-of-type(4) {

        position: absolute;
        left: 1.55rem;
        top: 2.4rem;
    }

    .tab_list ul li:nth-of-type(5) {
        position: absolute;
        left: 0.22rem;
        top: 2.45rem;
    }




    .tab_list ul li {
        width: 0.64rem;
        height: 0.64rem;
        background: #fff;
        box-shadow: 0px 0.045rem 0.16rem 0px rgba(203, 2, 1, 0.4600);
        border-radius: 50%;
        text-align: center;
        list-style: none;
        border-right: 1px solid red;
        cursor: pointer;
        font-size: 0.22rem;
        font-family: Source Han Serif SC;
        font-weight: 800;
        color: #DF0000;
        line-height: 0.64rem;
    }

    .tab_list ul .current {
        background-color: #DF0000;
        color: white;
    }

    .tab_con .fen-item .img-wai-yun {
        width: 2.89rem;
        height: 2.65rem;
        /* position: absolute; */
    }

    .tab_con .fen-item {
        display: none;

    }

    .edd-comen {
        font-size: 10px;
        position: absolute;
        top: -0.5rem;
    }

    .edd-comen img {
        width: 1.14rem;

    }

    .edd-comen h4 {

        font-size: 0.2rem;
        font-family: Source Han Serif SC;
        font-weight: 800;
        /* text-decoration: underline; */
        color: #DF0000;
        line-height: 0.3rem;
        border-bottom: 2px solid #DF0000;
        display: inline-block;
        margin-top: 0.2rem;
        margin-bottom: 0.13rem;
    }

    .edd-comen p {
        width: 1.4rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #242734;
        line-height: 0.15rem;
    }

    /*细致服务——————————————————————————————————————————————————————————————————————————————————————————————————————————*/
    .xizhi-zhou {
        width: 100%;
        height: 5.8rem;
        background: url(/img/html5_join/new_index/yd-xizhi-funli.png);
        background-size: 100% 5.8rem;
        overflow: auto;
    }

    .jing-wears-all {
        margin: 0 0.3rem;
        margin-top: 1.3rem;
    }

    .jing-wears-all dl {
        font-size: 10px;
        display: flex;
        margin-bottom: 0.14rem;
    }

    .jing-wears-all dl dt {
        width: 1.35rem;
        display: flex;

    }

    .jing-wears-all dl dt img {
        width: 0.4rem;
        height: 0.46rem;
    }

    .jing-wears-all dl dt strong {
        font-size: 0.12rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.46rem;
        margin-left: 0.15rem;
    }

    .jing-wears-all dl dt strong:hover
    , .jing-wears-all dl:hover dd
    {
        color: #DF0000;
    }
    .jing-wears-all dl dd:hover{
        color: #fff;
    }

    .jing-wears-all dl dd {
        width: 1.6rem;
        font-size: 0.11rem;
        font-family: Source Han Sans CN;
        font-weight: 300;
        color: #FFFFFF;
        height: 0.3rem;
        border-left: 2px solid #fff;
        padding-left: 0.09rem;
        margin-top: 0.06rem;
    }

    .jing-li-aside {
        width: 2.5rem;
        height: 0.35rem;
        background: #DF0000;
        border-radius: 0.18rem;
        font-size: 10px;
        margin: 0 auto;
        margin-top: 0.35rem;
    }

    .jing-li-aside i {
        font-size: 0.12rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 0.35rem;
        text-align: center;
        display: block;

    }
    
}

